{"ast":null,"code":"var _jsxFileName = \"/data/messenger.client/src/components/Dialog/index.tsx\",\n  _s = $RefreshSig$();\nimport React from 'react';\nimport { DialogInput, UserStatus } from \"../\";\nimport { Context } from \"../../index\";\nimport { Messages } from \"../../containers\";\nimport { observer } from \"mobx-react-lite\";\nimport './Dialog.scss';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst Dialog = () => {\n  _s();\n  const {\n    store\n  } = React.useContext(Context);\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"messenger__dialog\",\n    children: [/*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"messenger__dialog-header\",\n      children: [/*#__PURE__*/_jsxDEV(\"div\", {}, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 14,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"messenger__dialog-header-info\",\n        children: [/*#__PURE__*/_jsxDEV(\"p\", {\n          className: \"messenger__dialog-header-name\",\n          children: \"testNicknameTest\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 16,\n          columnNumber: 21\n        }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"messenger__dialog-header-status\",\n          children: /*#__PURE__*/_jsxDEV(UserStatus, {\n            status: true\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 18,\n            columnNumber: 25\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 17,\n          columnNumber: 21\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 15,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n        className: \"messenger__dialog-header-more\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 21,\n        columnNumber: 17\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 13,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"messenger__dialog-messages\",\n      children: /*#__PURE__*/_jsxDEV(Messages, {}, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 24,\n        columnNumber: 17\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 23,\n      columnNumber: 13\n    }, this), store.getViewedDialogId() && /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"messenger__dialog-input\",\n      children: /*#__PURE__*/_jsxDEV(DialogInput, {\n        chatId: 3\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 28,\n        columnNumber: 21\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 27,\n      columnNumber: 17\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 12,\n    columnNumber: 9\n  }, this);\n};\n_s(Dialog, \"fWWYyndAah+pK9pcP7nWnrsVVfw=\");\n_c = Dialog;\nexport default _c2 = observer(Dialog);\nvar _c, _c2;\n$RefreshReg$(_c, \"Dialog\");\n$RefreshReg$(_c2, \"%default%\");","map":{"version":3,"names":["React","DialogInput","UserStatus","Context","Messages","observer","Dialog","store","useContext","getViewedDialogId"],"sources":["/data/messenger.client/src/components/Dialog/index.tsx"],"sourcesContent":["import React from 'react';\nimport {DialogInput, UserStatus} from \"../\";\nimport {Context} from \"../../index\";\nimport {Messages} from \"../../containers\";\nimport {observer} from \"mobx-react-lite\";\nimport './Dialog.scss';\n\nconst Dialog = () => {\n    const {store} = React.useContext(Context);\n\n    return (\n        <div className=\"messenger__dialog\">\n            <div className=\"messenger__dialog-header\">\n                <div/>\n                <div className=\"messenger__dialog-header-info\">\n                    <p className=\"messenger__dialog-header-name\">testNicknameTest</p>\n                    <div className=\"messenger__dialog-header-status\">\n                        <UserStatus status={true} />\n                    </div>\n                </div>\n                <button className=\"messenger__dialog-header-more\" />\n            </div>\n            <div className=\"messenger__dialog-messages\">\n                <Messages />\n            </div>\n            {store.getViewedDialogId()! && (\n                <div className=\"messenger__dialog-input\">\n                    <DialogInput chatId={3} />\n                </div>\n            )}\n        </div>\n    );\n}\n\nexport default observer(Dialog);"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,WAAW,EAAEC,UAAU,QAAO,KAAK;AAC3C,SAAQC,OAAO,QAAO,aAAa;AACnC,SAAQC,QAAQ,QAAO,kBAAkB;AACzC,SAAQC,QAAQ,QAAO,iBAAiB;AACxC,OAAO,eAAe;AAAC;AAEvB,MAAMC,MAAM,GAAG,MAAM;EAAA;EACjB,MAAM;IAACC;EAAK,CAAC,GAAGP,KAAK,CAACQ,UAAU,CAACL,OAAO,CAAC;EAEzC,oBACI;IAAK,SAAS,EAAC,mBAAmB;IAAA,wBAC9B;MAAK,SAAS,EAAC,0BAA0B;MAAA,wBACrC;QAAA;QAAA;QAAA;MAAA,QAAM,eACN;QAAK,SAAS,EAAC,+BAA+B;QAAA,wBAC1C;UAAG,SAAS,EAAC,+BAA+B;UAAA;QAAA;UAAA;UAAA;UAAA;QAAA,QAAqB,eACjE;UAAK,SAAS,EAAC,iCAAiC;UAAA,uBAC5C,QAAC,UAAU;YAAC,MAAM,EAAE;UAAK;YAAA;YAAA;YAAA;UAAA;QAAG;UAAA;UAAA;UAAA;QAAA,QAC1B;MAAA;QAAA;QAAA;QAAA;MAAA,QACJ,eACN;QAAQ,SAAS,EAAC;MAA+B;QAAA;QAAA;QAAA;MAAA,QAAG;IAAA;MAAA;MAAA;MAAA;IAAA,QAClD,eACN;MAAK,SAAS,EAAC,4BAA4B;MAAA,uBACvC,QAAC,QAAQ;QAAA;QAAA;QAAA;MAAA;IAAG;MAAA;MAAA;MAAA;IAAA,QACV,EACLI,KAAK,CAACE,iBAAiB,EAAE,iBACtB;MAAK,SAAS,EAAC,yBAAyB;MAAA,uBACpC,QAAC,WAAW;QAAC,MAAM,EAAE;MAAE;QAAA;QAAA;QAAA;MAAA;IAAG;MAAA;MAAA;MAAA;IAAA,QAEjC;EAAA;IAAA;IAAA;IAAA;EAAA,QACC;AAEd,CAAC;AAAA,GAzBKH,MAAM;AAAA,KAANA,MAAM;AA2BZ,qBAAeD,QAAQ,CAACC,MAAM,CAAC;AAAC;AAAA;AAAA"},"metadata":{},"sourceType":"module"}